<!--
  Generated template for the ApplyJoinShopPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-buttons start>
      <button ion-button (click)="dismissCLI()">
        <img src="assets/img/back.png" width='15' height='20'>
      </button>
    </ion-buttons>
    <ion-title *ngIf='isSearch?false:true' (click)='goSearch()'>申请加入店铺</ion-title>
    <ion-searchbar *ngIf='isSearch?true:false' disabled="true" placeholder="搜索帖子名称，内容"></ion-searchbar>
  </ion-navbar>
</ion-header>
<ion-content padding>
  <ion-list>
    <ion-item style="margin-top:0.2rem">
      <div item-left>
        店铺ID:
      </div>
      <div class="search" style="border-style:none;">
        <ion-searchbar style="border-style:none;" disabled="true" [(ngModel)]='searchObj.shop_id' placeholder="请输入店铺ID" (ionInput)='searchArticle($event)'></ion-searchbar>
      </div>
    </ion-item>
    <div *ngIf="showItem">
      <ion-item *ngFor="let item of textList" class="ovshow">
        <ion-avatar item-start>
          <img src={{picrooturl}}{{item.shop_logo}}>
        </ion-avatar>
        <h2 (tap)="gotoShopD()">{{item.shop_name}}</h2>
        <div item-right class='join' (click)="applyForShopArtistAPI()">申请加入</div>
      </ion-item>
    </div>

    <div *ngIf="!showItem"  style="margin-top:0.2rem" [ngClass]="{'yshow': yes}">
      <ion-item>
        <h2 text-center>{{showItemText}}</h2>
      </ion-item>
    </div>
  </ion-list>
</ion-content>